//居中
.t_c {
  text-align: center;
}

//居左
.t_l {
  text-align: left;
}

//居右
.t_r {
  text-align: right;
  margin: 20px 0 0 0;            //统一加下上下边距
}

//宽度100%
.w100 {
  width: 100% !important;
}

//容器盒子内边距
.page-container {
  padding: 20px 40px 100px;
  background: #fff;
}

//转成行内块元素
.turnInlineBlock {
  display: inline-block !important;
}

// 上边距20
.mt20{
  margin-top: 20px;
}

/****************************************全局按钮样式*************************************/

//按钮基础样式
/deep/ .el-button {
  background-color: #fff !important;
  color: #333 !important;
  border: 1px solid #666666 !important;
}
//按钮hover样式
/deep/ .el-button:hover {
  background-color: #415185 !important;
  color: #fff !important;
  border: 1px solid #415185 !important;
}
//按钮点击后样式
/deep/ .el-button:focus {
/*  background-color: #415185 !important;
  color: #fff !important;
  border: 1px solid #415185 !important;*/

  background-color: #fff !important;
  color: #333 !important;
  border: 1px solid #666666 !important;

}
//删除类按钮hover样式
/deep/ .el-button--danger:hover {
  background-color: #D64F4F !important;
  color: #fff !important;
  border: 1px solid #D64F4F !important;
}
//删除类按钮点击后样式
/deep/ .el-button--danger:focus {
/*  background-color: #D64F4F !important;
  color: #fff !important;
  border: 1px solid #D64F4F !important;*/
  background-color: #fff !important;
  color: #333 !important;
  border: 1px solid #666666 !important;
}

/********************************************搜索条件样式****************************************/

//搜索表单
.search-input {
  //当后台用俩个时间框的时候，加class:times
  padding-top: 30px;
  padding-bottom: 10px;
  .times {
    .times-to {
      padding: 0 10px;
      height: 32px;
      line-height: 32px;
      color: #999;
      display: inline-block;
    }
    /deep/ .el-input {
      width: 200px !important;

      /deep/ .el-input__inner {
        width: 100% !important;
      }
    }
  }
  /deep/ .el-form-item {
    margin-right: 30px !important;
    margin-bottom: 30px !important;

    // 搜索输入框标签
    .el-form-item__label {
      text-align: right;
    }
    // 搜索输入框
    .el-form-item__content {
      .el-input__inner {
        // width: 178px;
        height: 36px;
        line-height: 36px;
      }
      .el-date-editor.el-input,
      .el-date-editor.el-input__inner {
        width: auto;
      }
    }
  }
}
//针对弹框里面的表单,和一些紧紧需要排步下输入框下边距
.searchDialog-input {
  //当后台用俩个时间框的时候，加class:times
  /deep/ .el-form-item {
    margin-bottom: 30px !important;

    // 搜索输入框标签
    .el-form-item__label {
      text-align: right;
    }
    // 搜索输入框
    .el-form-item__content {
      .el-input__inner {
        // width: 178px;
        height: 36px;
        line-height: 36px;
      }
      .el-date-editor.el-input,
      .el-date-editor.el-input__inner {
        width: auto;
      }
    }
  }
}

// 修改输入框的样式
.serarch-inner{
    // 搜索输入框
   /deep/ .el-form-item__content {
      .el-input__inner {
        width: 220px;
        height: 36px;
        line-height: 36px;
      }
      .el-date-editor.el-input,
      .el-date-editor.el-input__inner {
        width: auto;
      }
    }
   /deep/ .el-input--small .el-input__inner{
     width: 220px;
   }
}
//搜索按钮
.search-button {
  text-align: right;
  width: 100%;
  justify-content: flex-end; 
  /deep/ .el-form-item{
    margin-bottom: 20px !important;
 }
}


//修改button-group按钮样式
.el-button-group {
  margin-bottom: 20px !important;
}
/****************************************表格全局样式*******************************************/

//全局表格背景色统一
/deep/ .el-table__header {
  th {
    background-color: #A9B4D8 !important;
  }
}
//全局表格头部高度
/deep/ .el-table__header tr,
.el-table__header th {
  padding: 0;
  height: 62px;
  text-align: center;
}
//全局表格头部背景色和字体
/deep/ .el-table th>.cell {
  font-size: 16px;
  color: #333333;
  font-weight: 400;
}
//全局表格表头调节器颜色统一
/deep/ .el-table {
  //下箭头颜色
  .sort-caret.ascending {
    border-bottom-color: #333 !important
  }
  //上箭头颜色
  .sort-caret.descending {
    border-top-color: #333 !important
  }
}
//表格体高度
/deep/ .el-table__body tr,
.el-table__body td {
  padding: 0;
  height: 60px;
}
//表格体字体大小
/deep/ .el-table--mini,
.el-table--small,
.el-table__expand-icon {
  font-size: 14px;
  color: #666666;
}
//表格内容ju中
/deep/ .el-table th {
  text-align: center;
}
/deep/ .el-table td {
  text-align: center;
}
//表格距离底部分页器距离
/deep/ .el-table {
  margin-bottom: 30px;
  width: 100%;
}

// 设置所有页面的上边距为0
.page-container{
  padding-top: 0px !important;
}

//修改全局table-wrap上边距
.table-wrap{
  margin-top: 0px !important;
}

.common-content {
  padding: 0 10px 10px !important;
}

// 公共样式
.pt15{
  padding-top: 15px;
}
.mt20{
  margin-top: 20px;
}
.mb20{
  margin-bottom: 20px;
}
.button{
  /deep/ .el-form-item--small{
      margin-bottom: 0px !important;
  }
}

.buttons{
  /deep/ .el-form-item{
      margin-bottom: 0px !important;
  }
}

.button20{
  /deep/ .el-form-item{
      margin-bottom: 20px !important;
  }
}

.noboder{
  border: none;
}

// 全局面包屑隐藏
.breadcrumb{
  display: none;
}

//全局 — （赶）样式修改
.times-to{
  padding: 0px;
  height: 32px;
  line-height: 32px;
  color: #999;
  display: inline-block;
  margin-right: 20px;
}

//全局表格里面按钮样式修改,针对含有el-button--text按钮
.el-button--text {
  padding: 10px !important;
}
